.coupon-box {
	.title-box {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 30rpx;

		.tit {
			font-size: 32rpx;
			color: #292b2e;
		}

		.more-box {
			display: flex;
			flex-direction: row;
			justify-content: space-between;

			.more-text {
				font-size: 24rpx;
				color: #6e737d;
			}

			.more-icon {
				width: 30rpx;
				height: 30rpx;
			}
		}
	}

	.coupon-card-box {
		.scroll-box {
			white-space: nowrap;
			width: 100%;
		}
		.card-box {
			position: relative;
			display: inline-flex;
			width: 100%;
			.coupon-bg {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 168rpx;
			}

			.coupon-msg {
				position: relative;
				width: 100%;
				height: 168rpx;
				flex-direction: row;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.coupon-tit {
					width: 420rpx;
					padding-left: 30rpx;
					.name {
						margin-bottom: 10rpx;
						.tit {
							font-weight: bold;
							font-size: 32rpx;
							color: #54bd63;
						}
					}
					.time {
						.tit {
							font-size: 22rpx;
							color: #aaa;
						}
					}
				}
				.btn-box {
					flex: 1;
					display: flex;
					.btn-tit {
						margin: auto;
						border-radius: 50px;
						background-color: #fff;
						padding: 10rpx 25rpx;
						text-align: center;
						font-size: 24rpx;
						color: #54bd63;
					}
				}
			}
		}
	}
}
